.dynamicDetail {
    .content {
        overflow: auto;
        padding-bottom: 15vw;
    }
    .header_outer {
        position:relative;
        &:after{
            content: '';
            width:100%;
            height:8vw;
            position:absolute;
            top:0;
            left:0;
            display: block;
            background-color: #04D2C3;
            z-index:-1;
        }
        .header {
            padding: 5vw 5vw;
            border-radius: 5vw 5vw 0 0;
            background-color: #fff;
            overflow: hidden;
            .left {
                float: left;
                overflow: hidden;
                .pic {
                    float: left;
                    width: 11vw;
                    height: 11vw;
                    margin-right: 2vw;
                    border-radius: 50%;
                    overflow: hidden;
                    image {
                        width: 100%;
                        height: 100%;
                    }
                }
                .addr {
                    float: left;
                    padding-top: 1vw;
                    .name {
                        font-size: 3.6vw;
                        font-weight: 700;
                        overflow: hidden;
                        .wrds{
                            float: left;
                        }
                        image{
                            float: left;
                            width:6.67vw;
                            height:5vw;
                        }
                        image:first-of-type{
                            margin-left:1vw;
                        }
                    }
                    .address {
                        font-size: 3vw;
                        color: #aaa;
                    }
                }
            }
            .ti{
                float:right;
                font-size:3vw;
                color:#00D2C3;
                margin-top:2vw;
            }
            .right {
                float: right;
                .attention {
                    font-size: 3.6vw;
                    background-color: #04D2C3;
                    // height: 8vw;
                    padding: 2vw 3vw;
                    border-radius: 5vw;
                    color: #fff;
                    .img {
                        width: 3vw;
                        height: 3vw;
                    }
                }
            }
        }
    }
    .tip {
        padding: 0 5vw;
        margin-top:-2px;
        .tipAward {
            padding: 2vw 2vw;
            background-color: #F5F5F5;
            font-size: 3.6vw;
            line-height: 6vw;
            border-radius:2vw;
            margin-bottom:1vw;
            color: #666;
            .icon {
                // display: inline-block;
                float: left;
                // padding: 1vw 2vw;
                text-align: center;
                border-radius: 1vw;
                line-height: 6vw;
                width: 10vw;
                background-color: #FFB937;
                color: #fff;
                margin-right: 3vw;
            }
            .arrow {
                float: right;
                image {
                    width: 2vw;
                }
            }
        }
    }
    .text {
        font-size: 4.2vw;
        line-height: 8vw;
        padding: 0 5vw;
        margin: 3vw 0;
    }
    .img_site {
        padding: 0 5vw 2vw;
//      border-bottom: 1px solid #f5f5f5;
        // overflow: hidden;
        .imgList {
            overflow: hidden;
            image {
                float: left;
                border-radius: 2vw;
            }
            &.type_1 {
                image {
                    width: 100%;
                    margin: 0 0 3vw 0;
                }
            }
            &.type_2 {
                image {
                    width: 43.5vw;
                    margin: 0 0 3vw 3vw;
                }
                image:nth-child(odd) {
                    margin-left: 0;
                }
            }
            &.type_3 {
                image {
                    width: 29.33vw;
                    height: 29.33vw;
                    margin: 0 0 1vw 1vw;
                }
                image:nth-of-type(10),
                image:nth-of-type(7),
                image:nth-of-type(4),
                image:first-of-type {
                    margin-left: 0;
                }
            }
        }
        .siteDetail {
            margin: 0;
            font-size: 3vw;
            color: #aaa;
            line-height: 8vw;
            overflow: hidden;
            image {
                width: 4vw;
                height:4vw;
                float: left;
                margin: 2vw 2vw 0 0;
            }
            .le{
                float: left;
            }
            .ri{
                width:65%;
                float:right;
                height:8vw;
                line-height:8vw;
                position:relative;
                .ul{
                    width:100%;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:2;
                    transition: all 0.3s; 
                    -moz-transition: all 0.3s; 
                    -webkit-transition: all 0.3s;
                    -o-transition: all 0.3s;
                }
                .li{
                    width:100%;
                    line-height:8vw;
                    height:8vw;
                    overflow: hidden;
                    padding-right:6vw;
                    box-sizing: border-box;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_1.png');
                    background-size:4vw;
                    background-repeat:no-repeat;
                    background-position:right 1vw center;
                    text-align:right;
                }
                .co_1{
                    color:#00D2C3;
                    white-space:nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
                .co_2{
                    color:#ffb937;
                }
            }
        }
    }
    .peopleList {
        padding: 3vw 5vw;
        border: 1px solid #f5f5f5;
        overflow: hidden;
        display: block;
        .left {
            float: left;
            font-size: 3vw;
            line-height:7vw;
            color: #aaa;
            image {
                width: 9vw;
                height: 9vw;
                border-radius: 50%;
                margin-right: 2vw;
                vertical-align: middle;
            }
        }
        .right {
            float: right;
            height:9vw;
            image {
                margin-top:3.5vw;
                width: 2vw;
                height:2vw;
                display: block;
            }
        }
    }
    .bar {
        height: 2vw;
        background-color: rgb(245, 245, 245);
    }
    
}

.video{
    width:100%;
    height:calc(~'100vw / 1.777');
    margin:3vw 0 0 0;
}
